<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">×</button>
    <h3>{$this -> translate('userlogin')}</h3>
</div>
<div class="modal-body">
    <div class="login_form">
        <form id="frm_login">
            <div style="float: left;padding: 10px">
                <img src="{$baseurl}resources/images/icons/userlogin.png" height="120">
            </div>
            <div style="float: left;padding: 10px">
            <label for="ip_username">{$this->translate('username')}</label>
            <input type="text" hn-isval='true' hn-val-data="required" name="username" id="ip_username">
            <label for="ip_pass">{$this->translate('userpass')}</label>
            <input type="password" name="userpass" hn-isval='true' hn-val-data="required" id="ip_pass">
            </div>
        </form>
    </div>

</div>
<div class="modal-footer">

    <a style="text-align: left;float: left;color: red" id="msg"></a>
    <a href="#" class="btn btn-primary"  data-toggle="button" id="btn_login" data-loading-text="{$this -> translate('loading')}..." >{$this -> translate("login")}</a>
    <a href="#" class="btn" data-dismiss="modal">{$this -> translate("close")}</a>

</div>